<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/haozhi.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		
		<style>
			 
			
		</style>
	</head>
	<body>
	<div class="container-fluid">
	 <div class="header clearfix">
	
	    	
	    	
	    	
			
				<div class="navbar-header">
				<!--小屏幕下的下拉菜单 begin-->
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#j-header-navbar" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!--小屏幕下的下拉菜单 end-->
				<a class="navbar-brand" href="#"></a>
			</div>
			

	    	<div class="header-logo"  >
	    	   <img src="img/logo.png" />	
	    	</div>
	    	<div class="header-nav">
	    		<a href="#">学习中心</a>
	    		<a href="#">课程<i class="caret"></i></a>
	    		<a href="#">班级</a>
	    		<a href="#">小组</a>
	    	</div>
	    	<div class="header-search">
	    		<a href="#">课程 <i class=" xia  glyphicon glyphicon-chevron-down"></i></a>
	    		<input type="text" placeholder="输入要查找的内容"/><a href="#"><span class=" xx glyphicon glyphicon-search"></span></a>
	    	</div>
	    	<div class="header-bar">
	    		<a href="javascript:;">登录</a>
	    		<a href="javascript:;">注册</a>
	    		<a href="javascript:;"><i></i>注册</a>
	    	</div>
	    </div>
	</div>
	
	
	<div class="container-fluid">
		<div class="">
			<img src="img/banner.png" style="width: 100%;height: 300px;"/>
		</div>
	      <div class="container">
		        <div class="col-lg-12" >
		        	<div class="nav">
		        		<ul class="nav-list">
		        			<li><a href="#">首页</a></li>
		        			<li><a href="#">在学</a></li>
		        			<li><a href="#">在教</a></li>
		        			<li><a href="#">小组</a></li>
		        			<li><a href="#">动态</a></li>
		        			<li><a href="#">问答</a></li>
		        			<li><a href="#">笔记</a></li>
		        			<li><a href="#">留言</a></li>
		        			
		        		</ul>
		        	</div>
		        </div>
	      </div>	
	</div>
	
	<!--面板-->
	<div class="container">
		<div class="row" style="background: #f4f6f8;">
			<div class="col-md-9" style="background: #f4f6f8; padding: 10px 10px;">
				<div class="banji">
					<div class="banji_top" >
					    <p>
								<span>班级</span>
								<span>•••</span>
							</p>
							
					</div>
					<div class="banji_bottom">
						<p>TA还未加入任何班级</p>
					</div>
				</div>
				<div class="content_title">
					<div class="content_bt">
						在线课程
					</div>
					<div class="content_tain ">
						<div class="col-md-4  col-sm-6 ">
							<div class="big_img">
								<img src="img/gongkai.png"/>
							</div>
							<div>
								<div>
									<i>IT互联网</i>
								</div>
								<div>
									智能社:全栈ES6、AngularJS、NodeJS与
								</div>
							</div>
							<div>
								<p>161浏览/ 17学员/ 0评分</p>
								<p >
									<span><img src="img/icon.png"/></span>
									<span >北京智能社</span><span style=" display:inline-block;float:left padding-left:200px; ">免费</span></p>
							</div>
						</div>
						<div class="col-md-4 col-sm-6" >
							<div class="big_img">
								<img src="img/Angular.png"/>
							</div>
							<div>
								<div>
									<i>it互联网</i>
								</div>
								<div>
									智能社:Javascript之AngularsJs(一)
								</div>
							</div>
							<div >
								<p>161浏览/ 17学员/ 0评分</p>
								<p>
									<span><img src="img/icon.png"/></span>
									
									<span>北京智能社</span><span>免费</span></p>
							</div>
						</div>
						<div class="col-md-4  col-sm-6">
							<div class="big_img">
								<img src="img/javaScript.png"/>
							</div>
							<div>
								<div>
									<i>IT互联网</i>
								</div>
								<div>
									智能社:Javascript教程—从入门到精髓
								</div>
							</div>
							<div >
								<p>174浏览/ 11学员/ 0评分</p>
								<p>
									<span><img src="img/icon.png"/></span>
									<span>北京智能社</span><span>免费</span></p>
							</div>
						</div>
						<div class="col-md-4  col-sm-6">
							<div class="big_img">
								<img src="img/Vue.png"/>
							</div>
							<div>
								<div>
									<i>IT互联网</i>
								</div>
								<div>
									智能社:Javascript之Vue.Js(一)
								</div>
							</div>
							<div >
								<p>269浏览/ 14学员/ 0评分</p>
								<p>
									<span><img src="img/icon.png"/></span>
									<span>北京智能社</span><span>免费</span></p>
							</div>
						</div>
				</div>
				</div>
				<div class="col-md-12 c_biji">
					<div>
						<p>笔记
						<span>•••</span>
						</p>
					</div>
					<div>
						<p >ta没有公开笔记
							
							
							
							
					</p>
					</div>
				</div>
				<div class="col-md-12 content_book">
					<p>留言</p>
					<div>
						<textarea name="" rows="10" cols="85"></textarea>
					    <p>
					    	
					    	<span>插入表情</span>
					    	<span><img src="img/images/xiao_03.png"/></span>
					    	<span><input type="button"  value="留言"/></span></p>
					</div>
				</div>
			</div>
			<div class="col-md-3" style="background: #f4f6f8;padding: 10px 0px;">
				<div class="col-md-12">
						<ul class="right_text">
							<li  class="col-sm-3 col-xs-3">在教<br />0</li>
							<li  class="col-sm-3 col-xs-3">课程<br />1</li>
							<li  class="col-sm-3 col-xs-3">笔记<br />2</li>
							<li  class="col-sm-3 col-xs-3">回答<br />3</li>
						</ul>
				</div>
				<div class="col-md-12">
					    <ul class="form">
					    	<li>昵称:北京智能社</li>
					    	<li>等级:0</li>
					    	<li>来自:</li>
					    	<li>智能设施北京繁育蛇月传网络科技有限公司旗下平【品牌，主要面对各大院校毕业生并且充实前端开发工作的年轻人智能设施北京繁育蛇月传网络科技有限公司旗下平【品牌，主要面对各大院校毕业生并且充实前端开发工作的年轻人智能设施北京繁育蛇月传网络科技有限公司旗下平【品牌，主要面对各大院校毕业生并且充实前端开发工作的年轻人</li>
					    </ul>
				</div>
				<div class="col-md-12">
					   <div class="friend">
                           <p>好友</p>
                           <p>
                           	  <span class="col-sm-6 col-xs-6">关注(1)</span>
                           	  <span class="col-sm-6 col-xs-6">粉丝(1)</span>
                           	  <span class="col-sm-6">
                           	  	 <img src="img/ren.png"/><br /><br>
                           	  	 知了
                           	  </span>
                           </p>
					   </div>
				</div>
				<div class="col-md-12">
					<div class="fenwen">
                           <p>最新来访</p>
                           <p>
                           	  <span class="col-sm-6 col-xs-6">
                           	  	<img src="img/subnav-1.png"/><br />
                           	  	<br>
                           	  浅吟清唱
                           	  </span>
                           	  <span class="col-sm-6 col-xs-6" >
                           	  	<img src="img/subnav-2.png"/><br />
                           	  	<br>
                           	  学五直径
                           	  </span>
                           </p>
					   </div>
				</div>
				
			</div>
		</div>
		
	</div>
	<footer >
			<div class="footer_top clearfix">
					<div>
						<img src="img/images/big-log_03.png" alt="" />
					</div>
					<div>
						<ul>
							<li><a href="#">关于我们 |</a></li>
							<li><a href="#">加入我们 |</a></li>
							<li><a href="#">合作申请 |</a></li>
							<li><a href="#">意见反馈</a></li>
						</ul>
						<p>Icp备130068252号3  &nbsp; 浙B2-20160872</p>
					</div>
					<div>
						<p>
							关注我们 ：
						</p>
						<p>
							<span><img src="img/QQ.png"/></span>
							<span><img src="img/tudou.png"/></span>
							<span><img src="img/weibo.png"/></span>
							<span><img src="img/weixin.png" alt="" /></span>
						</p>
					</div>
					
				</div>
				<div class="footer_bottom">
					
					<p>
						<span><a href="#">友情链接:</a></span>
						<span><a href="#">EduShop开源网络咳痰 |</a></span>
						<span><a href="#">气球鱼学院 |</a></span>
						<span><a href="#">360安全网址导航 |</a></span>
						<span><a href="#">hao123 |</a></span>
						<span><a href="#">绿色网 |</a></span>
						<span><a href="#">站长之家 |</a></span>
						<span><a href="#">新客网 |</a></span>
						<span><a href="#">踏浪100 |</a></span>
						<span><a href="#">麦子学院 |</a></span>
						<span><a href="#">博微风网站</a></span>
					</p>
					<p>powered by Edusoho v6.17.2&copy;2014-2017 好知网</p>
				</div>
	</footer>
	</body>
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</html>
